<template>
  <div class="item_list_info">
    <div>
      <img :src="item.show.img" alt="" />
    </div>
    <p class="name">{{ item.props[0] }}</p>
    <div class="info">
      <span class="price"> ￥{{ item.price }}</span
      >—— <span> 收藏{{ item.cfav }}</span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  computed: {},
};
</script>

<style lang='less' scoped>
.item_list_info {
  width: 50%;

  border: 5px solid #fff;
  img {
    border-radius: 8px;
    height: 260px;
    object-fit: inherit;
  }
}
.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price {
  color: red;
}
</style>